<?php $this -> load -> view('header'); ?>
<!-- BEGIN CONTAINER -->
<div class="page-container row-fluid">
	<?php $this -> load -> view('sidebar'); ?>
	<!-- BEGIN PAGE -->
	<div class="page-content">
		<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		<div id="portlet-config" class="modal hide">
			<div class="modal-header">
				<button data-dismiss="modal" class="close" type="button"></button>
				<h3>portlet Settings</h3>
			</div>
			<div class="modal-body">
				<p>
					Here will be a configuration form
				</p>
			</div>
		</div>
		<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
		<!-- BEGIN PAGE CONTAINER-->
		<div class="container-fluid">
			<!-- BEGIN PAGE HEADER-->
			<div class="row-fluid">
				<div class="span12">
					<!-- BEGIN STYLE CUSTOMIZER -->
					<div class="color-panel hidden-phone">
						<div class="color-mode-icons icon-color"></div>
						<div class="color-mode-icons icon-color-close"></div>
						<div class="color-mode">
							<p>
								THEME COLOR
							</p>
							<ul class="inline">
								<li class="color-black current color-default" data-style="default"></li>
								<li class="color-blue" data-style="blue"></li>
								<li class="color-brown" data-style="brown"></li>
								<li class="color-purple" data-style="purple"></li>
								<li class="color-white color-light" data-style="light"></li>
							</ul>
							<label class="hidden-phone">
								<input type="checkbox" class="header" checked value="" />
								<span class="color-mode-label">Fixed Header</span> </label>
						</div>
					</div>
					<!-- END BEGIN STYLE CUSTOMIZER -->
					<h3 class="page-title"> Katalog <small>Barang</small></h3>
					<?php $this -> load -> view('breadcrumb'); ?>
				</div>
			</div>
			<!-- END PAGE HEADER-->
			<!-- BEGIN PAGE CONTENT-->
			<div class="row-fluid">
				<div class="span12">
					<div class="tabbable tabbable-custom boxless">
						<ul class="nav nav-tabs">
							<li class="active">
								<a class="advance_form_with_chosen_element" href="#tab_1" data-toggle="tab">Barang Info</a>
							</li>
							<li>
								<a href="#tab_2" data-toggle="tab">2 Columns View Only</a>
							</li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active" id="tab_1">
								<div class="portlet box green">
									<div class="portlet-title">
										<h4><i class="icon-reorder"></i>Form Add New Barang</h4>
										<div class="tools">
											<a href="javascript:;" class="collapse"></a>
											<a href="#portlet-config" data-toggle="modal" class="config"></a>
											<a href="javascript:;" class="reload"></a>
											<a href="javascript:;" class="remove"></a>
										</div>
									</div>
									<div class="portlet-body form">
										<!-- BEGIN FORM-->
										<form action="<?php echo base_url()?>katalog/saveBarang" method="post" class="form-horizontal">
											<input type="hidden" name="id" value="<?php echo $id?>"/>
											<h3 class="form-section">Barang Info</h3>
											<div class="row-fluid">
												<div class="span6 ">
													<div class="control-group">
														<label class="control-label">Name</label>
														<div class="controls">
															<input type="text" class="m-wrap span12" placeholder="Barang Name" name="name" value="<?php echo ($barang!=NULL)? $barang->getName():""; ?>">
															<span class="help-block">This is inline help</span>
														</div>
													</div>
												</div>
												
												<!--/span-->
												<div class="span6 ">
												</div>
												<!--/span-->
											</div>
											<div class="row-fluid">
											  	<div class="span12">
											  		<div class="control-group">
						                              <label class="control-label">Description</label>
						                              <div class="controls">
						                                 <textarea class="span12 wysihtml5 m-wrap" rows="6" name="description"><?php echo ($barang!=NULL)? $barang->getDescription():""; ?></textarea>
						                              </div>
						                           </div>
											  	</div>
											</div>

											<!--/row-->
											<h3 class="form-section">Category</h3>
											<div class="row-fluid">
												<div class="span12 ">
													<div class="control-group">
														<label class="control-label">Category Barang</label>
														<div class="controls">
															<input type="text" value="" name="category" placeholder="Category" class="m-wrap span4">
															<a href="#myModal3" role="button" class="btn btn-warning" data-toggle="modal" id="findCategory">Find</a>
															<!-- Modal -->
															<div id="myModal3" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
																<div class="modal-header">
																	<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
																	<h3 id="myModalLabel1">Find Category</h3>
																	<input type="text" value="" name="category" placeholder="Category" class="m-wrap span4">
																	<a href="#" role="button" class="btn btn-warning" data-toggle="modal">Find</a>
																</div>
																<div class="modal-body">
																	<div class="portlet-body fuelux">
																		<ul class="tree" id="tree_3">
																			<li>
																			<!--	<a href="#" data-role="branch" class="tree-toggle" data-toggle="branch" data-value="Bootstrap_Tree">Bootstrap Tree
																			</a> -->
																				<ul class="branch in">																					
																					<li>
																						<a href="http://localhost/eInvento/assets/bootstrap-tree/jsonexample.json" data-role="branch" class="tree-toggle closed" data-toggle="branch" data-value="Bootstrap_Tree">Load data from JSON via Ajax</a>
																					</li>
																				</ul>
																			</li>
																		</ul>
																	</div>	
																</div>
																<div class="modal-footer">
																	<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
																	<button class="btn yellow">Save</button>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
											<div class="form-actions">
												<button type="submit" class="btn blue">
													<i class="icon-ok"></i> Save
												</button>
												<button type="button" class="btn">
													Cancel
												</button>
											</div>
										</form>
										<!-- END FORM-->
									</div>
								</div>
							</div>
							<div class="tab-pane " id="tab_2">
								<div class="portlet box blue">
									<div class="portlet-title">
										<h4><i class="icon-reorder"></i>Form Sample</h4>
										<div class="tools">
											<a href="javascript:;" class="collapse"></a>
											<a href="#portlet-config" data-toggle="modal" class="config"></a>
											<a href="javascript:;" class="reload"></a>
											<a href="javascript:;" class="remove"></a>
										</div>
									</div>
									<div class="portlet-body form">
										<!-- BEGIN FORM-->
										<div class="form-horizontal form-view">
											<h3> View User Info - Bob Nilson </h3>
											<h3 class="form-section">Person Info</h3>
											<div class="row-fluid">
												<div class="span6 ">
													<div class="control-group">
														<label class="control-label" for="firstName">First Name:</label>
														<div class="controls">
															<span class="text">Bob</span>
														</div>
													</div>
												</div>
												<!--/span-->
												<div class="span6 ">
													<div class="control-group">
														<label class="control-label" for="lastName">Last Name:</label>
														<div class="controls">
															<span class="text">Nilson</span>
														</div>
													</div>
												</div>
												<!--/span-->
											</div>
											<!--/row-->
											<div class="row-fluid">
												<div class="span6 ">
													<div class="control-group">
														<label class="control-label" >Gender:</label>
														<div class="controls">
															<span class="text">Male</span>
														</div>
													</div>
												</div>
												<!--/span-->
												<div class="span6 ">
													<div class="control-group">
														<label class="control-label" >Date of Birth:</label>
														<div class="controls">
															<span class="text bold">20.01.1984</span>
														</div>
													</div>
												</div>
												<!--/span-->
											</div>
											<!--/row-->
											<div class="row-fluid">
												<div class="span6 ">
													<div class="control-group">
														<label class="control-label" >Category:</label>
														<div class="controls">
															<span class="text bold">Category1</span>
														</div>
													</div>
												</div>
												<!--/span-->
												<div class="span6 ">
													<div class="control-group">
														<label class="control-label" >Membership:</label>
														<div class="controls">
															<span class="text bold">Free</span>
														</div>
													</div>
												</div>
												<!--/span-->
											</div>
											<!--/row-->
											<h3 class="form-section">Address</h3>
											<div class="row-fluid">
												<div class="span12 ">
													<div class="control-group">
														<label class="control-label" >Street:</label>
														<div class="controls">
															<span class="text">#24 Sun Park Avenue, Rolton Str</span>
														</div>
													</div>
												</div>
											</div>
											<div class="row-fluid">
												<div class="span6 ">
													<div class="control-group">
														<label class="control-label" >City:</label>
														<div class="controls">
															<span class="text">New York</span>
														</div>
													</div>
												</div>
												<!--/span-->
												<div class="span6">
													<div class="control-group">
														<label class="control-label" >State:</label>
														<div class="controls">
															<span class="text">New York</span>
														</div>
													</div>
												</div>
												<!--/span-->
											</div>
											<!--/row-->
											<div class="row-fluid">
												<div class="span6 ">
													<div class="control-group">
														<label class="control-label" >Post Code:</label>
														<div class="controls">
															<span class="text">457890</span>
														</div>
													</div>
												</div>
												<!--/span-->
												<div class="span6 ">
													<div class="control-group">
														<label class="control-label" >Country:</label>
														<div class="controls">
															<span class="text">USA</span>
														</div>
													</div>
												</div>
												<!--/span-->
											</div>
											<div class="form-actions">
												<button type="submit" class="btn blue">
													<i class="icon-pencil"></i> Edit
												</button>
												<button type="button" class="btn">
													Back
												</button>
											</div>
										</div>
										<!-- END FORM-->
									</div>
								</div>
							</div>

							<div class="tab-pane"  id="tab_5">
								<div class="portlet box blue ">
									<div class="portlet-title">
										<h4><i class="icon-reorder"></i>Form Sample</h4>
										<div class="tools">
											<a href="javascript:;" class="collapse"></a>
											<a href="#portlet-config" data-toggle="modal" class="config"></a>
											<a href="javascript:;" class="reload"></a>
											<a href="javascript:;" class="remove"></a>
										</div>
									</div>
									<div class="portlet-body form">
										<!-- BEGIN FORM-->
										<form action="#" class="form-horizontal form-bordered">
											<div class="control-group">
												<label class="control-label">First Name</label>
												<div class="controls">
													<input type="text" placeholder="small" class="m-wrap span12" />
													<span class="help-inline">This is inline help</span>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">Last Name</label>
												<div class="controls">
													<input type="text" placeholder="medium" class="m-wrap span12" />
													<span class="help-inline">This is inline help</span>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">Gender</label>
												<div class="controls">
													<select  class="m-wrap span12">
														<option value="">Male</option>
														<option value="">Female</option>
													</select>
													<span class="help-block">Select your gender.</span>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >Date of Birth</label>
												<div class="controls">
													<input type="text" class="m-wrap span12"  placeholder="dd/mm/yyyy">
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >Category</label>
												<div class="controls">
													<div class="chosen-container">
														<select class="span12 chosen_category" data-placeholder="Choose a Category" tabindex="1">
															<option value=""></option>
															<option value="Category 1">Category 1</option>
															<option value="Category 2">Category 2</option>
															<option value="Category 3">Category 5</option>
															<option value="Category 4">Category 4</option>
														</select>
													</div>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >Membership</label>
												<div class="controls">
													<label class="radio">
														<input type="radio" name="optionsRadios2" value="option1" />
														Free </label>
													<label class="radio">
														<input type="radio" name="optionsRadios2" value="option2" checked />
														Professional </label>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >Street</label>
												<div class="controls">
													<input type="text" class="m-wrap span12" >
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >City</label>
												<div class="controls">
													<input type="text"  class="m-wrap span12">
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >State</label>
												<div class="controls">
													<input type="text"  class="m-wrap span12">
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >Post Code</label>
												<div class="controls">
													<input type="text" class="m-wrap span12">
												</div>
											</div>
											<div class="control-group last">
												<label class="control-label" >Country</label>
												<div class="controls">
													<select  class="m-wrap span12"></select>
												</div>
											</div>
											<div class="form-actions">
												<button type="submit" class="btn blue">
													<i class="icon-ok"></i> Save
												</button>
												<button type="button" class="btn">
													Cancel
												</button>
											</div>
										</form>
										<!-- END FORM-->
									</div>
								</div>
							</div>
							<div class="tab-pane"  id="tab_6">
								<div class="portlet box blue ">
									<div class="portlet-title">
										<h4><i class="icon-reorder"></i>Form Sample</h4>
										<div class="tools">
											<a href="javascript:;" class="collapse"></a>
											<a href="#portlet-config" data-toggle="modal" class="config"></a>
											<a href="javascript:;" class="reload"></a>
											<a href="javascript:;" class="remove"></a>
										</div>
									</div>
									<div class="portlet-body form">
										<!-- BEGIN FORM-->
										<form action="#" class="form-horizontal form-bordered form-row-stripped">
											<div class="control-group">
												<label class="control-label">First Name</label>
												<div class="controls">
													<input type="text" placeholder="small" class="m-wrap span12" />
													<span class="help-inline">This is inline help</span>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">Last Name</label>
												<div class="controls">
													<input type="text" placeholder="medium" class="m-wrap span12" />
													<span class="help-inline">This is inline help</span>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">Gender</label>
												<div class="controls">
													<select  class="m-wrap span12">
														<option value="">Male</option>
														<option value="">Female</option>
													</select>
													<span class="help-block">Select your gender.</span>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >Date of Birth</label>
												<div class="controls">
													<input type="text" class="m-wrap span12"  placeholder="dd/mm/yyyy">
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">Category</label>
												<div class="controls">
													<div class="chosen-container">
														<select class="span12 chosen_category" data-placeholder="Choose a Category" tabindex="1">
															<option value=""></option>
															<option value="Category 1">Category 1</option>
															<option value="Category 2">Category 2</option>
															<option value="Category 3">Category 5</option>
															<option value="Category 4">Category 4</option>
														</select>
														<span class="help-block">Select your category.</span>
													</div>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >Membership</label>
												<div class="controls">
													<label class="radio">
														<input type="radio" name="optionsRadios2" value="option1" />
														Free </label>
													<label class="radio">
														<input type="radio" name="optionsRadios2" value="option2" checked />
														Professional </label>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >Street</label>
												<div class="controls">
													<input type="text" class="m-wrap span12" >
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >City</label>
												<div class="controls">
													<input type="text"  class="m-wrap span12">
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >State</label>
												<div class="controls">
													<input type="text"  class="m-wrap span12">
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >Post Code</label>
												<div class="controls">
													<input type="text" class="m-wrap span12">
												</div>
											</div>
											<div class="control-group last">
												<label class="control-label" >Country</label>
												<div class="controls">
													<select  class="m-wrap span12"></select>
												</div>
											</div>
											<div class="form-actions">
												<button type="submit" class="btn blue">
													<i class="icon-ok"></i> Save
												</button>
												<button type="button" class="btn">
													Cancel
												</button>
											</div>
										</form>
										<!-- END FORM-->
									</div>
								</div>
							</div>
							<div class="tab-pane"  id="tab_7">
								<div class="portlet box blue ">
									<div class="portlet-title">
										<h4><i class="icon-reorder"></i>Form Sample</h4>
										<div class="tools">
											<a href="javascript:;" class="collapse"></a>
											<a href="#portlet-config" data-toggle="modal" class="config"></a>
											<a href="javascript:;" class="reload"></a>
											<a href="javascript:;" class="remove"></a>
										</div>
									</div>
									<div class="portlet-body form">
										<!-- BEGIN FORM-->
										<form action="#" class="form-horizontal form-bordered form-label-stripped">
											<div class="control-group">
												<label class="control-label">First Name</label>
												<div class="controls">
													<input type="text" placeholder="small" class="m-wrap span12" />
													<span class="help-inline">This is inline help</span>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">Last Name</label>
												<div class="controls">
													<input type="text" placeholder="medium" class="m-wrap span12" />
													<span class="help-inline">This is inline help</span>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">Gender</label>
												<div class="controls">
													<select  class="m-wrap span12">
														<option value="">Male</option>
														<option value="">Female</option>
													</select>
													<span class="help-block">Select your gender.</span>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >Date of Birth</label>
												<div class="controls">
													<input type="text" class="m-wrap span12"  placeholder="dd/mm/yyyy">
												</div>
											</div>
											<div class="control-group">
												<label class="control-label">Category</label>
												<div class="controls">
													<div class="chosen-container">
														<select class="span12 chosen_category" data-placeholder="Choose a Category" tabindex="1">
															<option value=""></option>
															<option value="Category 1">Category 1</option>
															<option value="Category 2">Category 2</option>
															<option value="Category 3">Category 5</option>
															<option value="Category 4">Category 4</option>
														</select>
														<span class="help-block">Select your category.</span>
													</div>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >Membership</label>
												<div class="controls">
													<label class="radio">
														<input type="radio" name="optionsRadios2" value="option1" />
														Free </label>
													<label class="radio">
														<input type="radio" name="optionsRadios2" value="option2" checked />
														Professional </label>
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >Street</label>
												<div class="controls">
													<input type="text" class="m-wrap span12" >
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >City</label>
												<div class="controls">
													<input type="text"  class="m-wrap span12">
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >State</label>
												<div class="controls">
													<input type="text"  class="m-wrap span12">
												</div>
											</div>
											<div class="control-group">
												<label class="control-label" >Post Code</label>
												<div class="controls">
													<input type="text" class="m-wrap span12">
												</div>
											</div>
											<div class="control-group last">
												<label class="control-label" >Country</label>
												<div class="controls">
													<select  class="m-wrap span12"></select>
												</div>
											</div>
											<div class="form-actions">
												<button type="submit" class="btn blue">
													<i class="icon-ok"></i> Save
												</button>
												<button type="button" class="btn">
													Cancel
												</button>
											</div>
										</form>
										<!-- END FORM-->
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- END PAGE CONTENT-->
		</div>
		<!-- END PAGE CONTAINER -->	
	</div>
	<!-- END PAGE -->
</div>	
<!-- END CONTAINER -->		
<?php $this->load->view('footer')?>

